.el-input {
  &.el-input--prefix {
    .el-input__inner {
      padding-left: 36px;
    }
    .el-input__prefix {
      left: 13px;
    }
  }
  .el-input__inner {
    height: 34px;
    line-height: 34px;
    border-color: var(--theme-color-border);
    &:focus {
      border-color: var(--theme-color-1);
    }
  }
  &.el-input-group--prepend {
    .el-input__inner {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
  &.theme-btn {
    .el-input__inner {
      padding-right: 50px;
    }
    &.clearable {
      &:hover {
        .el-input__inner {
          padding-right: 72px;
        }
      }
      .el-input__inner {
        &:focus {
          padding-right: 72px;
        }
      }
    }
    .el-input__suffix {
      .el-input__suffix-inner {
        height: 100%;
        display: flex;
        position: relative;
        padding: 0 0 0 15px;
        &:before {
          content: "";
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 1px;
          height: 14px;
          background-color: #c3c7ce;
        }
      }

      .svg-icon {
        margin-right: 10px;
        cursor: pointer;
        &:hover {
          color: var(--theme-color-primary);
        }
        align-self: center;
      }
    }
  }
}

.el-autocomplete-suggestion {
  box-shadow: none;
  border-radius: var(--theme-border-radius);
  .popper__arrow {
    display: none;
  }
}
.el-input-number {
  &.is-controls-right {
    &[class*="mini"] {
      [class*="increase"],
      [class*="decrease"] {
        line-height: 16px;
      }
    }
    .el-input-number__increase {
      border-radius: 0 var(--theme-border-radius) 0 0;
    }
    .el-input-number__decrease {
      border-radius: 0 0 var(--theme-border-radius) 0;
    }
  }
  .el-input-number__increase {
    border-radius: 0 var(--theme-border-radius) var(--theme-border-radius) 0;
  }
  .el-input-number__decrease {
    border-radius: var(--theme-border-radius) 0 0 var(--theme-border-radius);
  }
  &.el-input-number--mini {
    line-height: 32px;
  }
  &.el-input-number--medium {
    line-height: 32px;
  }
}
.el-input__inner {
  border-radius: var(--theme-border-radius);
}
